<!DOCTYPE html>
<html>
    <head>
        <title>Google Developers</title>
        <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />        
        <link rel="stylesheet" href="../css/biz_style.css" type="text/css" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script id="jqueryui" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" defer async></script>
        <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAYJXCEQ5G_Bq12ZqHlY9I_GvScmZy1BhA&sensor=false&libraries=places"></script>
        <script src="../js/template_html.js">//MyScript</script>
        <script src="../js/biz_utilities.js">//MyScript</script>
        <script src="../js/biz_map.js">//MyScript</script>
        <script src="../js/biz_marker.js">//MyScript</script>	
		<script src="../js/template_data.js">//MyScript</script>		
        
    </head>

    <body class="docs framebox_body">
        <form id="biz_form" action="#" method="get" accept-charset="utf-8" id="directions-form">            
            <input id="biz_0" name="biz[]" value="" size="80">
            <div class="add_biz">Add</div>
			<input type="button" name="save" value="Save" onClick="view_data()">
        </form>
        <div id="map"></div>
    </body>
    <script type="text/javascript">
        $(document).ready(function(){
            //initial
            initialize();
            addAutocomplete('biz_0');
            addOnChangeEvent('#biz_0');
            
            //
            $('.add_biz').click(function(){                
                var _template = HTML_BIZ_LOCATION_INPUT;                
                _template = _template.replace(/biz_/g, 'biz_' + MAX_MARKERS);
                _template = _template.replace(/del_/g, 'del_' + MAX_MARKERS);
                $('.add_biz').before(_template);  
                
                // Add events               
               addAutocomplete('biz_' + MAX_MARKERS);
               addOnChangeEvent('#biz_' + MAX_MARKERS);
			   MAX_MARKERS++;			   
            });
        })
    </script>
</html>